<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>
  <h1>axios请求方法别名</h1>
  <button id="btn">发送请求</button>
  <script>
    /* 
      创建一个axios实例 并配置这个实例
    
    */
   const myAxios1 = axios.create({
    baseURL: '/',
    timeout: 1000,
    headers: {}
   })
   const oBtn1 = document.getElementById('btn')
   oBtn1.onclick = async function(){
   const re1 = await myAxios1.get('/user',{
      params: {
        userId: '001'
      }
    })
    console.log(re1.data);
   }
    // const myAxios = axios.create({
    //   baseURL: "/", //配置公共路径
    //   timeout: 10000, //配置超时事件
    //   headers: {} //配置请求头
    // })

    // const oBtn = document.getElementById('btn');
    // oBtn.onclick = async function () {
    //   const result = await myAxios.get("/user", {
    //     params: {
    //       userId: "001"
    //     }
    //   })

    //   console.log(result, "result");
    // }
  </script>
</body>

</html>